<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
 
    <link rel='stylesheet' href='css/style.css'>
    <link rel='stylesheet' href='css/swiper.min.css'>
	<link rel='stylesheet' href='css/common.css'>
	<link rel='stylesheet' href='css/switch-buttons.css'><!-- 开关按钮 -->
	<link rel="stylesheet" href="css/lanrenzhijia.css" media="all">
	  
    <script src="js/jquery.1.11.1.js"></script>
    <script src="js/swiper.min.js"></script>  
    <script src="js/idangerous.swiper.min.js"></script> 
	<script src="js/csshake.min.js"></script>
	
	<!-- 返回顶部2个JS -->
	<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="js/sucaijiayuan.js"></script>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script>
	jQuery(document).ready(function($) {
		$('.theme-login').click(function(){
			$('.theme-popover-mask').fadeIn(100);
			$('.theme-popover').slideDown(200);
		})
		$('.theme-poptit .close').click(function(){
			$('.theme-popover-mask').fadeOut(100);
			$('.theme-popover').slideUp(200);
		})

	})
	</script>

    <title>蜜蜂移动直播平台  V1.0</title>
	<script type="text/javascript">    
    window.onload = function ()    
   {    
       var oUl = document.getElementById ('ul1');    
       var t,o;    
       var speed = 0;    
       var funny = function ()    
       {    
           t && clearInterval(t);    
           t = setInterval (function ()    
           {    
                speed -= 200/11;    
                if(speed<-10){    
                    speed=0;    
                    oUl.appendChild (oUl.children[0]);    
                    t && clearInterval(t);    
                    t = null;    
                    o && clearTimeout(o);    
                    o=setTimeout(funny,10000);    
                    }    
               oUl.style.left = speed + "px";    
           }, 60);    
       }    
        funny ();    
   }    
</script> 

<script src="js/zepto.min.js"></script>
<script src="js/red.js"></script>

<script type="text/javascript">
//获得坐标
        function getPosition() {
            var top = document.documentElement.scrollTop;
            var left = document.documentElement.scrollLeft;
            var height = document.documentElement.clientHeight;
            var width = document.documentElement.clientWidth;
            //top=500;
            left = 8;
            //height=0;
            width = 0;
			height=300;
			top=100;
            return { top: top, left: left, height: height, width: width };
        }
        //屏蔽输入，显示蒙板
        function showMask(id) {
            var obj = document.getElementById(id);
            obj.style.width = document.body.clientWidth;
            obj.style.height = document.body.clientHeight;
            obj.style.display = "block";
        }
        //隐藏蒙板
        function hideMask(id) {
            document.getElementById(id).style.display = "none";
        }
        //显示登录
        function showPop(id) {
		    showMask('mask');
            var width =95;  //弹出框的宽度
            var height = 30;  //弹出框的高度
            var obj = document.getElementById(id);
            obj.style.display = "block";
            obj.style.position = "absolute";
            obj.style.zindex = "10";
            obj.style.overflow = "hidden";
            obj.style.width = width + "%";
            obj.style.height = height + "%";
            var Position = getPosition();
            leftadd = (Position.width - width) / 18;
            topadd = (Position.height - height) / 2;
            obj.style.top = (Position.top + topadd) + "px";
            obj.style.left = (Position.left + leftadd) + "%";
            window.onscroll = function() {
                var Position = getPosition();
                obj.style.top = (Position.top + topadd) + "px";
                obj.style.left = (Position.left + leftadd) + "%";
            };
			
        }
        //隐含
        function hidePop(id) {
		hideMask('mask');
            document.getElementById(id).style.display = "none";
        } 
</script>


<script src="js/jquery-2.1.1.js" type="text/javascript"></script>
<script>
	$(function(){
$('#img').click(function(){

$(this).toggleClass('minn');
$(this).toggleClass('maxx');
});
});
</script>
<script>
	$(function(){
$('#imgg').click(function(){

$(this).toggleClass('minn');
$(this).toggleClass('maxx1');
});
});
</script>

</head>
<body>
<div class="a of">
	<div class="kk">
		新蜜蜂心营销
	</div>
	<div class="k">
		<div class="k3">
			<form method="post" action="">
				<input type="text" name="" class="k1">
				<input type="submit" class="k2">
			</form>
		</div>
	</div>
	<!-- 视频 -->
	<div class="q">
		<img src="images/1.gif">
	</div>
	<!-- 在线人数 评论条数 -->
	<div class="b">
		<div class="d1 fr">
			189&nbsp;&nbsp;&nbsp;
		</div>
		<div class="d2 fr">
			<img src="images/pngx1.png">
		</div>
		<div class="d1 fr">
			123.2万&nbsp;
		</div>
		<div class="d2 fr">
			<img src="images/pngx2.png">
		</div>
	</div>
</div>
    <!-- header -->
	</div class="c">
    <header class="favor-header-bar">
        <ul class="tabs">
            <li class="default"><a href="javascript:void(0);" id="btn1" hidefocus="true">详情</a></li>
            <li><a href="javascript:void(0);" id="btn2" hidefocus="true">交流</a><span><img src="images/hot.png"></span></li>
            <li><a href="javascript:void(0);" id="btn3" hidefocus="true">关注</a></li>
            <li><a href="javascript:void(0);" id="btn4" hidefocus="true">视频</a></li>
        </ul>
    </header>
	</div>
   <!-- slideTo tab -->
   <div class="swiper-container ">
        <div class="swiper-wrapper">
			<!-- 详情 开始 -->
            <div class="swiper-slide">
				<div class="g">
					<div class="g1">
						<div class="g1_1">
							<div class="cc2 fl">
								活动安排
							</div>
							<div class="cc1 fl"></div>
						</div>
						<div class="g1_2">
							活动时间：2017年2月24日（周五下午14:30-17:30）
							<br />地点：襄阳剧院
							<br />主办单位：中共襄阳市委组织部
						</div>
					 </div>
				 </div>
            </div>
			<!-- 详情 结束 -->
			<!-- 交流 开始 -->
            <div class="swiper-slide of">
				<!-- 广告 -->
				 <div class="y of">
					 <div id="div2">    
						<div id="div1">    
							<ul id="ul1">    
								<li><img src="images/2.gif">   
								</li>    
								<li><img src="images/3.gif">   
								</li>    
							</ul>    
						</div>    
					</div>
					<img src="images/3793633099_3e1e53e4ac_o.jpg">
				</div>
				<!-- 广告 结束 -->
                <div class="i of">
					<div class="ii of">&nbsp;&nbsp;
						<div class="i1 of fl">
							<img src="images/0.jpg" width="640" height="640" border="0" alt="">
						</div>
						<div class="i2 of fl">
							何丹
						</div>
						<div class="i3 of fr">
							2017/3/21&nbsp;&nbsp;14:27
						</div>
						<div class="i4 of fl">
							这是什么这是什么这是什么这是什么这是什么这是什么这是什么这是什么这是什么这是什么这是什么这是什么这是什么这是什么这是什么这是什么这是什么这是什么这是什么这是什么这是什么这是什么
						</div>
					</div>
				</div>
				<div class="i5"></div>
				<div class="i of">
					<div class="ii of">&nbsp;&nbsp;
						<div class="i1 of fl">
							<img src="images/0.jpg" width="640" height="640" border="0" alt="">
						</div>
						<div class="i2 of fl">
							孤独追梦人
						</div>
						<div class="i3 of fr">
							2017/3/21&nbsp;&nbsp;14:27
						</div>
						<div class="i4 of fl">
							<div>
							<input class="i4_1_11" type="button" value="点击查看￥红包" onclick="showPop('tcc')"/>
							</div>

							<!--蒙板-->
							<div id="mask" style="filter: Alpha(opacity=30); -moz-opacity: 0.7; -khtml-opacity: 0.7;
								opacity: 0.7; background-color: #000; width: 100%; height: 100%; z-index: 5px;
								position: absolute; left: 0; top: 0; display: none; overflow: hidden;">
							</div>
							<!--蒙板结束--> 
							<!--弹出层---->
							<div id="tcc" style="display:none;; z-index: 5px">
								<input class="lss" type="button" id="test" value="X" onclick="hidePop('tcc');"/>
								<!-- 红包 -->
								<div class="red"><!-- shake-chunk -->
									<span style="width:150px;height:300px;background-image: url(images/red-w.png);margin:0 auto 0 108px;">
									</span>
									<button class="redbutton" type="领取红包">拆</button>
									<div class="red-jg">
										<h1>1元</h1>
										<h5>恭喜发财，大吉大利！</h5>
										<br /><br /><a href="">查看其他人手气</a>
									</div>
								</div>
								<!-- End 红包 -->
							</div>
						</div>
					</div>
				</div>
				<div class="i5"></div>
				<div class="i of">
					<div class="ii of">&nbsp;&nbsp;
						<div class="i1 of fl">
							<img src="images/0.jpg" width="640" height="640" border="0" alt="">
						</div>
						<div class="i2 of fl">
							孤独追梦人
						</div>
						<div class="i3 of fr">
							2017/3/21&nbsp;&nbsp;14:27
						</div>
						<div class="i4 of fl">
							<div class="i4_2">
								<!-- eee --><img id='img' class='minn' src='images/2.jpg'>
							</div>
						</div>
					</div>
				</div>
				<div class="i5"></div>
				<div class="i of">
					<div class="ii of">&nbsp;&nbsp;
						<div class="i1 of fr">
							<img src="images/0.jpg" width="640" height="640" border="0" alt="">
						</div>
						<div class="i23 of fr">
							东边来的马
						</div>
						<div class="i3 of fl">
							2017/3/21&nbsp;&nbsp;14:27
						</div>
						<div class="i4 of fr">
							<div class="i4_2 fr">
								<img id='imgg' class='minn' src='images/2.jpg'>
							</div>
						</div>
					</div>
				</div>
				<div class="i5"></div>
				<div class="i of">
					<div class="ii of">&nbsp;&nbsp;
						<div class="i1 of fr">
							<img src="images/0.jpg" width="640" height="640" border="0" alt="">
						</div>
						<div class="i23 of fr">
							东边来的马
						</div>
						<div class="i3 of fl">
							2017/3/21&nbsp;&nbsp;14:27
						</div>
						<div class="i41 of fr">
							下面是个红包下面是个红包下面是下面是个红包下面是个红包下面是
						</div>
					</div>
				</div>
				<div class="i5"></div>
				<div class="i of">
					<div class="ii of">&nbsp;&nbsp;
						<div class="i1 of fr">
							<img src="images/0.jpg" width="640" height="640" border="0" alt="">
						</div>
						<div class="i23 of fr">
							东边来的马
						</div>
						<div class="i3 of fl">
							2017/3/21&nbsp;&nbsp;14:27
						</div>
						<div class="i42 of fr">
							<div>
							<input class="i4_1_11" type="button" value="点击查看￥红包" onclick="showPop('tcc')"/>
							</div>

							<!--蒙板-->
							<div id="mask" style="filter: Alpha(opacity=30); -moz-opacity: 0.7; -khtml-opacity: 0.7;
								opacity: 0.7; background-color: #000; width: 100%; height: 100%; z-index: 5px;
								position: absolute; left: 0; top: 0; display: none; overflow: hidden;">
							</div>
							<!--蒙板结束--> 
							<!--弹出层---->
							<div id="tcc" style="display:none;; z-index: 5px">
								<input class="lss" type="button" id="test" value="X" onclick="hidePop('tcc');"/>
								<!-- 红包 -->
								<div class="red"><!-- shake-chunk -->
									<span style="width:150px;height:300px;background-image: url(images/red-w.png);margin:0 auto 0 108px;">
									</span>
									<button class="redbutton" type="领取红包">拆</button>
									<div class="red-jg">
										<h1>2元</h1>
										<h5>恭喜发财，大吉大利！</h5>
										<br /><br /><a href="">查看其他人手气</a>
									</div>
								</div>
								<!-- End 红包 -->
							</div>
						</div>
					</div>
				</div>
				<div class="i5"></div>
				<div class="m">没有更多显示了</div>
            </div>
			<!-- 交流 结束 -->
			<!-- 关注 开始 -->
            <div class="swiper-slide">
               <div class="nofavor">
                    <img src="images/panda.png">
               </div>                                
            </div>
			<!-- 关注 结束 -->
			<!-- 视频 开始 -->
            <div class="swiper-slide of">
               <div class="z2">
					<div class="z2_1">
						<ul>
							<li class="fl">
								<a href="">
								<div class="z2_1_1">
									<div class="z2_1_1_1">
										<img src="images/pngx3.png">
									</div>
								</div>
								<div class="z2_1_2">
									直播-襄阳卧龙镇
								</div></a>
							</li>
							<li class="fr">
								<a href="">
								<div class="z2_1_1">
									<div class="z2_1_1_1">
										<img src="images/pngx3.png">
									</div>
								</div>
								<div class="z2_1_2">
									回播
								</div></a>
							</li>
							<li class="fl">
								<a href="">
								<div class="z2_1_1">
									<div class="z2_1_1_1">
										<img src="images/pngx3.png">
									</div>
								</div>
								<div class="z2_1_2">
									片花-带你看襄阳
								</div></a>
							</li>
							<li class="fr">
								<a href="">
								<div class="z2_1_1">
									<div class="z2_1_1_1">
										<img src="images/pngx3.png">
									</div>
								</div>
								<div class="z2_1_2">
									回播-介绍襄阳
								</div></a>
							</li>
						</ul>
					</div>
			   </div>
            </div>
			<!-- 视频 结束 -->
			<!-- 合作 开始 -->
            <div class="swiper-slide of favor-list">
				 <a href="">
                    <dl>
                        <dt>
                            <img src="images/1.gif">
                        </dt>
                        <dd>
                            <h2>关注我们</h2>
                            <p>关注有惊喜哟！</p>
                        </dd>
                    </dl>                    
                </a>	
				<div class="z">
					<ul>
						<li>
							<div class="z1 fl"><a href="">关注有惊喜哟！关注有惊喜哟！关注有惊喜哟！</a></div>
							<div class="fr">2017/3/23</div>
						</li>
						<li>
							<div class="z1 fl"><a href="">关注有惊喜哟！关注有惊喜哟！关注有惊喜哟！</a></div>
							<div class="fr">2017/3/23</div>
						</li>
					</ul>
				</div>
				 <a href="">
                    <dl>
                        <dt>
                            <img src="images/1.gif">
                        </dt>
                        <dd>
                            <h2>关注我们</h2>
                            <p>关注有惊喜哟！</p>
                        </dd>
                    </dl>                    
                </a>
				 <a href="">
                    <dl>
                        <dt>
                            <img src="images/1.gif">
                        </dt>
                        <dd>
                            <h2>关注我们</h2>
                            <p>关注有惊喜哟！</p>
                        </dd>
                    </dl>                    
                </a>
            </div>
			<!-- 合作 结束 -->
        </div>
   </div>
	<div class="bottom_tools fr">
		<!-- 弹出框 -->
		<div class="theme-buy">
			<a class="btn btn-primary btn-large theme-login" href="javascript:;"><img src="images/red.png"></a>
		</div>
		<div class="theme-popover">
			 <div class="theme-poptit">
				  <a href="javascript:;" title="关闭" class="close">×</a>
			 </div>
			 <div class="theme-popbod dform">
				<form class="theme-signin" name="loginform" action="" method="post">
					<div style="text-align:center">当前红包为普通红包,</div>
					 <div id="box11">
						<ul id="tab_nav11">
							<li><a href="#t_1">改为拼手气红包</a></li>
							<li><a href="#t_2">改为普通红包</a></li>
							</ul>
							<div id="tab_content11">
							<div id="t_1">
								红包数量个：<br /><input class="ipt" type="text" name="log" value="" size="20" /><br />
								总金额元：<br /><input class="ipt" type="password" name="pwd" value="" size="20" /><br />
								留言<br /><input class="ipt" type="text" name="log" value="恭喜发财大吉大利" size="20" />
								<div style="text-align:center">总金额：￥0
								<br /><input class="btn btn-primary" type="submit" name="submit" value=" 塞钱进红包 " /></div>
							</div>
							<div id="t_2">
								红包数量个：<br /><input class="ipt" type="text" name="log" value="" size="20" /><br />
								单个金额元：<br /><input class="ipt" type="password" name="pwd" value="" size="20" /><br />
								留言<br /><input class="ipt" type="text" name="log" value="恭喜发财大吉大利" size="20" />
								<div style="text-align:center">总金额：￥0
								<br /><input class="btn btn-primary" type="submit" name="submit" value=" 塞钱进红包 " /></div>
							</div>
						</div>
					</div>
			    </form>
			 </div>
		</div>
		<div class="theme-popover-mask"></div>
		<!-- 弹出框 结束 -->
		<a id="scrollUp" href="javascript:;" title="飞回顶部"></a>
		<img class="qr_img" src="images/qr_img.png">
	</div>
   <script>
    var mySwiper = new Swiper('.swiper-container',{
        autoHeight: true,
        onSlideChangeStart: function(){
          $(".tabs .default").removeClass('default');
          $(".tabs li").eq(mySwiper.activeIndex).addClass('default');
        }
    });
     $(".tabs li").on('click',function(e){
        e.preventDefault();
        $(".tabs .default").removeClass('default');
        $(this).addClass('default');
        mySwiper.swipeTo($(this).index());
      });
      $(".tabs li").click(function(e){
        e.preventDefault();
      });

    </script>
</body>
</html>

